<template>
  <div>axios基本配置参数</div>
</template>

<script>
import axios from "axios";
// Axios 配置参数有哪些
export default {
  name: "axios基本配置参数",
  created() {
    axios.create({
      baseURL: "http://localhost:8080", //请求的域名，基本地址
      timeout: 1000, // 请求超时时长
      url: "/data.json", //请求路径
      method: "get ,put, post, patch, delete", //请求方法
      headers: { token: "" }, // 请求头
      params: {}, //请求参数拼接在url
      data: {}, // 请求参数放在 请求体
    });
    //  优先级从低到高
    // 1.axios 全局配置
    axios.defaults.timeout = 1000;
    axios.defaults.baseURL = "http://localhost:8080";
    // 2、axios实例配置
    // let instance = axios.created();
    // instance.defaults.timeout = 2000;
    // //3、axios 请求配置
    // instance.get("/data.json", {
    //   timeout: 5000,
    // });
    // 实际开发
    // 两种接口
    // http://localhost:9090
    // http://localhost:9091
    let instance = axios.create({
      baseURL: "http://localhost:8080",
      timeout: 8000,
    });
    let instance1 = axios.create({
      baseURL: "http://localhost:8081",
      timeout: 5000,
    });
    instance
      .get("/data.json", {
        params: {
          id: 12,
        },
      })
      .then((res) => {
        console.log(res);
      });
    instance1
      .get("/data.json", {
        timeout: 6000,
      })
      .then((res) => {
        console.log(res);
      });
  },
};
</script>

<style>
</style>